<script>
	$(function(){
		pageNav.go(${pageNum},${groupChatRecordPage.totalPage});
	});
</script>
<script type="text/javascript">
	function login() {
		var password = $('#password').attr('value');
		
		$('#passwordMD5').attr('value',hex_md5(password));
		
		$('#loginForm').submit();
	}
	
	function publish(){
		$('#publishForm').submit();
	}
</script>
<div class="Main">
<div class="left">
<!-- +++++++++++++++++++++++++++++++++++++++ -->
<div class="n_ht_tab1">
<h1>圈子——${groupVO.name?default('')}</h1>
<dl>
	<dt><img src="${basePath}${groupVO.groupImage?default('')}" width="83" height="83" /></dt>
	<dd>共有<span class="redfont f16">${groupVO.userNum?default('0')}</span>个成员<span class="sdk">创建者：${groupVO.createUserNickName?default(groupVO.createUserName?default(''))}</span></dd>
	<dd>${groupVO.description?default('')}</dd>
	<dd><img src="${basePath}images/gzbut.jpg" width="67" height="24" /></dd>
</dl>
</div>
<form action="${basePath}groupChat/publish.htm" method="post" name="publishForm" id="publishForm">
<input type="hidden" name="groupId" id="groupId" value="${groupVO.id}" />
<div class="n_ht_tab2">
<p><textarea name="content" cols="" rows=""></textarea></p>
<ul>
<li><img src="${basePath}images/n_icon1.jpg" width="17" height="17" />图片</li>
<li><img src="${basePath}images/n_icon2.jpg" width="17" height="17" />视频</li>
<li><img src="${basePath}images/n_icon3.jpg" width="17" height="17" />表情</li>
<li><img src="${basePath}images/n_icon4.jpg" width="17" height="17" />礼物</li>
<li class="ab1"><input name="" type="button" value="" onclick="publish()" /></li>
</ul>
</div>
</form>
<div class="chat_cont1">
<ol>
<#list groupChatRecordPage.rows as groupChatRecord>
	<li>
		<dl>
			<dt>${groupChatRecord.nickName?default(groupChatRecord.userName?default(''))}<span>${groupChatRecord.recordDate?default('')}</span></dt>
			<dd>${groupChatRecord.content?default('')}</dd>
		</dl>
	</li>
</#list>
</ol>
<form action="${basePath}groupChat/groupChatRecordSearch.htm" method="post" name="searchForm" id="searchForm">
<input type="hidden" name="page" id="page" />
<input type="hidden" name="groupId" id="groupId" value="${groupVO.id}" />
</form>
</div>
<#if (groupChatRecordPage.total > 0)>
	<div class="page-nav" id="pageNav"></div>
<#else>
	<div class="page-nav">暂无记录</div>
</#if>
<!-- +++++++++++++++++++++++++++++++++++++++ -->
</div>

<div class="right">
<!-- 登录/注册 -->
<#if s_user?exists && s_userExpand?exists>
	<div class="Reg2">
		<ol>
		<li class="lk"><dl><dt><img src="${basePath}${s_userExpand.headImage?default('')}" width="47" height="47" /></dt><dd class="aa">${s_user.username?default('')}</dd><dd><img src="${basePath}images/djimg.jpg" width="36" height="15" /></dd>
		</dl></li>
		<li><a href="#">我的话题</a></li><li><a href="#">我的圈子</a></li><li><a href="#">我的乐友</a></li><li><a href="${basePath}home/logout.htm?redirectUrl=group/group">退出</a></li>
		</ol>
	</div>
<#else>
	<form action="${basePath}home/login.htm" method="post" name="loginForm" id="loginForm">
		<div class="Reg"><ul>
		<li><a href="#"><img src="${basePath}images/regbut1.jpg" width="182" height="54" /></a></li>
		<li><input name="username" type="text" class="te1" /></li>
		<li><input name="password" id="password" type="password" class="te1"  />
		<input type="hidden" id="passwordMD5" name="passwordMD5" /></li>
		<li><!--<input name="" type="checkbox" value="" />下次自动登录<span><a href="#">忘记密码</a></span>--></li>
		<li class="Reg_but"><input name="" type="button" value="" onclick="login()"/></li>
		<li align="center">
			<#if errorMsg?exists>
				<font color="red">${errorMsg}</font>
			</#if></li>
		</ul></div>
		<input type="hidden" name="redirectUrl" id="redirectUrl" value="group/group" />
	</form>
</#if>
<!-- 在线成员 -->
<div class="ly_online">
<h1><span>在线成员(19人)</span></h1>
<ol>
<li><a href="#"><img src="${basePath}images/ly1.jpg" width="31" height="31" title="会员名称" /></a></li>
<li><a href="#"><img src="${basePath}images/ly2.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly5.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly4.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly3.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly1.jpg" width="31" height="31" title="会员名称" /></a></li>
<li><a href="#"><img src="${basePath}images/ly2.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly5.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly4.jpg" width="31" height="31" /></a></li>
<li><a href="#"><img src="${basePath}images/ly3.jpg" width="31" height="31" /></a></li>
<#if onlineUserVOListInGroup?exists>
<#list onlineUserVOListInGroup as onlineUserVOInGroup>
	<li><a href="#"><img src="${basePath}${onlineUserVOInGroup.headImage?default('')}" width="31" height="31" title="${onlineUserVOInGroup.nickname?default(onlineUserVOInGroup.username?default(''))}" /></a></li>
</#list>
</#if>
</ol>
</div>
<div class="hot_ht">
  <h1><span>圈子排行榜</span></h1>
  <ul>
    <li>
      <dl>
        <dt><img src="${basePath}images/i1.jpg" width="30" height="30" /></dt>
        <dd><a href="#">大学生戏弄拾荒小孩</a></dd>
        <dd>房间人数：88</dd>
      </dl>
    </li>
    <li>
      <dl>
        <dt><img src="${basePath}images/i2.jpg" width="30" height="30" /></dt>
        <dd><a href="#">大学生戏弄拾荒小孩</a></dd>
        <dd>房间人数：88</dd>
      </dl>
    </li>
    <li>
      <dl>
        <dt><img src="${basePath}images/i3.jpg" width="30" height="30" /></dt>
        <dd><a href="#">大学生戏弄拾荒小孩</a></dd>
        <dd>房间人数：88</dd>
      </dl>
    </li>
    <li>
      <dl>
        <dt><img src="${basePath}images/i4.jpg" width="30" height="30" /></dt>
        <dd><a href="#">大学生戏弄拾荒小孩</a></dd>
        <dd>房间人数：88</dd>
      </dl>
    </li>
    <li>
      <dl>
        <dt><img src="${basePath}images/i5.jpg" width="30" height="30" /></dt>
        <dd><a href="#">大学生戏弄拾荒小孩</a></dd>
        <dd>房间人数：88</dd>
      </dl>
    </li>
  </ul>
</div>
</div></div>